<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
  计算属性和方法的区别：
      1、计算属性和methods的执行结果都是相同的
      2、当计算属性没有依赖data中的数据时，第一次使用计算属性时，会把第一次的结果进行缓存，后面再次使用计算属性，都会去第一次的结果中进行查找
      3、methods方法，每调用一次，就会触发一次，计算属性依赖值/结果发生变化才会再次触发
      4、计算属性的用法与data中的数据用法一样，因此计算属性在使用时，不加 ( )
      5、methods方法在调用时，( ) 可加可不加
      6、计算属性具有缓存功能，methods方法没有
   -->
</body>

</html>